<template>
  <div class="breadcrumb">
    <el-breadcrumb separator="/">
      <el-breadcrumb-item :to="{ path: '/welcome' }">首页</el-breadcrumb-item>
      <el-breadcrumb-item v-for="(item, index) in breadList" :key="index">{{
        item
      }}</el-breadcrumb-item>
    </el-breadcrumb>
  </div>
</template>

<script>
export default {
  name: "CrumbView",
  props: ["breadList"],
  data() {
    return {
      //BUG将这个定义在自己页面的父组件 传下来就可以
      //breadList: ["订单管理", "订单列表"],
    };
  },
  mounted() {},

  methods: {},
};
</script>

<style lang="scss" scoped>
.breadcrumb {
  font-size: 16px;
  color: #606266;
}
</style>